.ass {
  min-height: 100vh;
}
.time-cons {
  background: #fdfdfd;
  margin-top: 0.72rem;
  border-radius: 0.48rem;
  position: relative;
  display: flex;
}

.op-0 {
  opacity: 0;
}

.time-con-list {
  border-right: 0.026667rem solid #dcdcdc;
}
.time-con-list:nth-child(1) {
  width: 1.066667rem;
}
.time-left-list {
  height: 1.066667rem;
  font-size: 0.266667rem;
  font-family: PingFang-SC-Heavy, PingFang-SC;
  font-weight: 800;
  color: #b0b0b0;
  line-height: 0.373333rem;
  text-align: center;
}

.time-left-list.active span {
  width: 1.013333rem;
  height: 0.373333rem;
  background: #83a3a3;
  color: #fff;
  display: inline-block;
  border-radius: 0.08rem;
}

.time-top {
  height: 1.2rem;
  padding-top: 0.56rem;
  box-sizing: border-box;
  border-bottom: 0.026667rem solid #979797;
  font-size: 0.373333rem;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #6d6d6d;
  line-height: 0.506667rem;
  margin-bottom: 0.48rem;
  text-align: center;
}

.time-title {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0.533333rem;
  padding-top: 0.533333rem;
}

.time-times {
  font-size: 0.373333rem;
  font-family: PingFang-SC-Heavy, PingFang-SC;
  font-weight: 800;
  color: #4f4f4f;
  line-height: 0.506667rem;
}

.time-edit {
  font-size: 0.24rem;
  font-family: PingFang-SC-Heavy, PingFang-SC;
  font-weight: 800;
  color: #fe3a99;
  line-height: 0.346667rem;
  cursor: pointer;
}

.edit-cons {
  position: relative;
}

.edit-con {
  position: absolute;
  top: 100%;
  right: 0;
  width: 3.946667rem;
  padding: 0.56rem 0.533333rem 0.426667rem 0.453333rem;
  box-sizing: border-box;
  z-index: 2;
  background: url(../img/timetable_img1.png) 100% 100%;

  transition: all 0.3s;
  opacity: 0;
  visibility: hidden;
  animation: aaq 0.3s 1 0s;
}

@-webkit-keyframes aaq {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

.edit-con.show {
  opacity: 1;
  visibility: visible;
  z-index: 101;
  animation: aa 0.3s 1 0s;
}

@-webkit-keyframes aa {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

.edit-con-title {
  font-size: 0.293333rem;
  font-family: PingFang-SC-Heavy, PingFang-SC;
  font-weight: 800;
  color: #4f4f4f;
  line-height: 0.426667rem;
}

.edit-con-list {
  margin-top: 0.373333rem;
}

.edit-name {
  font-size: 0.24rem;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #767676;
  line-height: 0.346667rem;
  margin-bottom: 0.106667rem;
}

.edit-con-list input {
  width: 3.013333rem;
  height: 0.64rem;
  background: #fdfdff;
  border-radius: 0.08rem;
  padding-left: 0.133333rem;
  border: none;
  box-sizing: border-box;
  outline: none;
}

.add-event {
  margin-top: 0.213333rem;
  display: block;
  width: 2.933333rem;
  height: 0.773333rem;
  background: #0190e1;
  border-radius: 0.106667rem;
  font-size: 0.293333rem;
  font-family: PingFang-SC-Heavy, PingFang-SC;
  font-weight: 800;
  color: #ffffff;
  line-height: 0.426667rem;
  border: none;
}

.timetable-side-left p {
  font-size: 0.266667rem;
  font-family: PingFang-SC-Heavy, PingFang-SC;
  font-weight: 800;
  color: #b0b0b0;
}
.timetable-side-left p:last-child {
  margin-bottom: 0;
}
.timetable-con-item {
  margin-bottom: 0.8rem;
  display: flex;
}
.timetable-side-left {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.timetable-side-right {
  flex: 1;
  text-decoration: unset;
}

.timetable-card {
  margin-left: 0.64rem;
  line-height: 0.4rem;
  box-sizing: border-box;
  padding: 0.373333rem 0.373333rem 0.373333rem 0.746667rem;
  background: #e5e4fe;
  border-radius: 0.213333rem;
  position: relative;
}

.timetable-line {
  top: 0.266667rem;
  bottom: 0.346667rem;
  width: 0.106667rem;
  left: 0.346667rem;
  position: absolute;
  display: block;
  background: #6e6c6c;
  border-radius: 0.053333rem;
  margin-right: 0.32rem;
}

.timetable-time {
  display: flex;
  font-size: 0.24rem;
  font-family: PingFang-SC-Heavy, PingFang-SC;
  font-weight: 800;
  color: #222222;
  line-height: 0.346667rem;
  width: 100%;
  margin-bottom: 0.213333rem;
  justify-content: space-between;
}

.timetable-time img {
  height: 0.266667rem;
}

.timetable-title {
  font-size: 0.373333rem;
  font-family: PingFang-SC-Heavy, PingFang-SC;
  font-weight: 800;
  color: #4f4f4f;
  line-height: 0.506667rem;
}

.timetable-tip {
  font-size: 0.24rem;
  font-family: PingFang-SC-Heavy, PingFang-SC;
  font-weight: 800;
  color: #868686;
  line-height: 0.346667rem;
}

.timetable-card.timetable-blue {
  margin-top: 0.48rem;
  background-color: #e5f3ff;
}

.timetable-card.timetable-blue:nth-of-type(3) {
  margin-top: 0.613333rem;
}

.timetable-card.timetable-pink {
  margin-top: 1.493333rem;
  background-color: #ffebff;
}

.time-left-card {
  display: block;
  cursor: pointer;
  border-radius: 0.133333rem;
  margin: 0 auto;
  position: relative;
  z-index: 1;
  transition: all 0.3s;
  text-decoration: unset;
}

.time-left-remart {
  font-size: 0.24rem;
  font-family: PingFangSC;
  color: #ffffff;
  line-height: 0.346667rem;
  padding-left: 0.08rem;
  padding-top: 0.08rem;
  box-sizing: border-box;
}

.time-left-title {
  background: #83a3a3;
  border-radius: 0.133333rem;
  font-size: 0.24rem;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #ffffff;
  line-height: 0.346667rem;
  padding-top: 0.213333rem;
  box-sizing: border-box;
  padding-left: 0.133333rem;
  padding-bottom: 0.133333rem;
  padding-right: 0.133333rem;
  transition: 0.3s all;
}

.time-left-card.time-gray-green {
  background: #90b5b6;
}

.time-left-card.time-gray-green:nth-of-type(1) {
  height: 2.72rem;
}

.time-left-card.time-gray-green:nth-of-type(2) {
  height: 2.666667rem;
  margin-top: 3.306667rem;
}

.time-left-card.time-gray-green:hover {
  background: #83a3a3;
}

.time-left-card.time-gray-green:hover .time-left-title {
  background-color: #668686;
}

.time-left-card.time-gray-pink {
  background: #ffbdbd;
  margin-top: 2.533333rem;
  height: 2.72rem;
}

.time-left-card.time-gray-pink:hover,
.time-left-card.time-gray-pink .time-left-title {
  background-color: #e6aaaa;
}

.time-left-card.time-gray-pink:hover .time-left-title {
  background-color: #e08f8f;
}

.time-left-card.time-gray-gray {
  background: #959499;
  height: 3.706667rem;
  margin-top: 0.213333rem;
}

.time-left-card.time-gray-gray:hover,
.time-left-card.time-gray-gray .time-left-title {
  background-color: #86858a;
}

.time-left-card.time-gray-gray:hover .time-left-title {
  background-color: #6a6972;
}

.time-left-card.time-gray-orange {
  background: #ffc997;
  margin-top: 1.066667rem;
  height: 5.973333rem;
}

.time-left-card.time-gray-orange:hover,
.time-left-card.time-gray-orange .time-left-title {
  background-color: #e6b688;
}

.time-left-card.time-gray-orange:hover .time-left-title {
  background-color: #daa26d;
}

.time-left-card.time-gray-purple {
  background: #ceccee;
  margin-top: 5.066667rem;
  height: 2.72rem;
}

.time-left-card.time-gray-purple:hover,
.time-left-card.time-gray-purple .time-left-title {
  background-color: #bdbbe1;
}

.time-left-card.time-gray-purple:hover .time-left-title {
  background-color: #a8a6df;
}

.time-con-lines {
  position: absolute;
  width: calc(100% - 1.066667rem);
  height: 0.026667rem;
  background-color: #90b5b6;
  top: 6.133333rem;
  z-index: 0;
  left: 1.066667rem;
}

/* .time-left-remart */
